<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逛好店</title>
    <link rel="stylesheet" href="style4.css">
</head>
<body>
    <section class="recommend">
        <header class="recommend-header">
            <h2>逛好店</h2>
            <button class="icon-button" aria-label="查看更多">
                <span class="icon-arrow"></span>
            </button>
        </header>

        <section class="shops">
            <article class="shop shop--pink">
                <section class="text">
                    <h3>贝恩施京东自营官方旗舰店</h3>
                    <span class="badge">自营</span>
                    <p>277.9万人关注</p >
                </section>
                <figure>
                    <img src="img/shop1.png" alt="贝恩施店铺" width="80" height="80">
                </figure>
            </article>

            <article class="shop shop--blue">
                <section class="text">
                    <h3>美宝莲京东自营官方旗舰店</h3>
                    <span class="badge">自营</span>
                    <p>192.9万人关注</p >
                </section>
                <figure>
                    <img src="img/shop2.png" alt="美宝莲店铺" width="80" height="80">
                </figure>
            </article>
        </section>
    </section>
</body>
</html>